<div class="layuimini-main">
    <div class="layui-form layuimini-form">
		
        
		<!-- 上部 -->
		<div style="background:#efefef; padding:10px 40px;">
			<div class="layui-inline">
				<strong style="font-size:16px;">嘎嘎 / 男 / 0岁 / 0cm / 0kg</strong>
			</div>
			
			<div class="layui-inline" style="padding-left:500px;">
				<button class="layui-btn layui-btn-normal" lay-event="add-patient">检测下一位</button>
				<button class="layui-btn layui-btn-normal" lay-event="add-patient">历史记录</button>
			</div>
		</div>
		
		<div>
			<!-- 表格：数据表格 -->
			<table class="layui-hide" id="reportList" lay-filter="currentTableFilter"></table>
		</div>
		
		
    </div>
</div>

<style>
.layui-table-cell {
    font-size:14px;
    padding:0 5px;
    height:auto;
    overflow:visible;
    text-overflow:inherit;
    white-space:normal;
    word-break: break-all;
}
</style>

<script src="lib/jquery-3.4.1/jquery-3.4.1.min.js" charset="utf-8"></script>
<script src="lib/jq-module/paigusu.min.js" charset="utf-8"></script>
<script>
    layui.use(['form', 'table', 'layarea'], function () {
        var form = layui.form,
            layer = layui.layer,
            table = layui.table,
			layarea = layui.layarea,
            $ = layui.$;
		
		
		//对table进行初始化
		table.render({
			elem: '#reportList', //指定初始化的tableID
			url: 'api/reportList.json', //请求地址,获取数据，后期将调用controller的接口，获得json数据
			cols: [
				[ //字段，表头
					{type: 'numbers', title: '序号',width: 80},
					{field: 'medicalCode',title: '项目代号',align:'center'},
					{field: 'medicalName',title: '项目名称', align:'center'},
					{field: 'medicalResult',title: '结果', align:'center', style:'color:red'},
					{field: 'medicalUnits',title: '单位', align:'center'},
					{field: 'medicalReference',title: '参考值',align:'center'},
					{field: 'medicalMethod',title: '校验方法', align:'center'},
					{field: 'medicalSuggest',title: '结果解读', width: '40%'}
				]
			]
		});
		

    });
</script>